<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击</title>
	<style>
		.div_class{
			width: 100px;
			height: 100px;
			background-color: red;
			color: white;
		}
	</style>
</head>
<body>
	<div class="div_class">
		把鼠标移进来
	</div>
</body>
<script src="../js/jquery.min.js"></script>
<script>
	/*
	
    $(document).ready(function(){
		$(".div_class").mouseover(function(){
			console.log("鼠标移入");
		})
	});
	*/
   //鼠标移入移出
   $(document).ready(()=>{
	   $(".div_class").hover(()=>{
		   console.log("鼠标移入");
	   },()=>{
		   console.log("鼠标移出");
	   });
   })
   
   
</script>
</html>
